﻿

@media screen and (min-width: 1200px) {
	.container {padding: 0;width: 1200px;}


	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 660px;line-height: 660px;}

	
	.Fixed {display: none;}

}

@media screen and (max-width: 1200px) {
	.container {padding: 0;width: 1200px;}

	
	/* ---- banner ---- */
	.banner {margin: 0 auto;padding: 0;}
	.banner .swiper-container {width: 100%;height: auto;}
	.banner .swiper-slide {text-align: center;font-size: 18px;background: #fff;}
	.banner .swiper-container .swiper-slide {height: 660px;line-height: 660px;}


	.Fixed {display: none;}
}

@media (max-width: 1024px){

}

@media (max-width: 992px){

}

@media (max-width: 768px){

}

@media (max-width: 640px) {
	body {width: auto;}
	.container {width: 100%;}

	
	/* ---- banner ---- */
	.banner .swiper-container .swiper-slide {height: 330px;line-height: 330px;-webkit-background-size: 150% !important;background-size: 150% !important;}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {font-size: 24px;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {font-size: 24px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}

	.search-body {padding: 10px 0;}
	.search-body .search-word {float: none;width: 100%;padding: 0 20px;}
	.search-body .search-form {float: none;width: 100%;padding: 0 20px;}
	.search-body .search-form form {width: 100%;}
	.search-body .search-form .keyword {height: 30px;padding: 0 5px;line-height: 28px;font-size: 14px;}
	.search-body .search-form .submit {height: 30px;line-height: 30px;}

	footer {}
	.foot {}
	.foot .foot-lt {float: none;width: 100%;height: auto;}
	.foot .foot-lt strong {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.foot .foot-lt p{padding: 0 10%;text-align: center;}
	.foot .foot-ct {width: 60%;padding: 30px 0;height: 180px;}
	.foot .foot-rt {width: 40%;padding: 0;height: 180px;}

	.Fixed {display: block;padding: 0;width: 100%;height: 60px;background: #1e50ae;position: fixed;bottom: 0;z-index: 88;transition: all 0.5s;left: 100%;opacity: 0;visibility: hidden;}
	.Fixed ul {width: 100%;height: 100%;}
	.Fixed ul li {float: left;width: 20%;padding: 10px 0;}
	.Fixed ul li span {display: block;width: 40px;height: 20px;line-height: 20px;text-align: center;margin: 0 auto;font-size: 28px;color: #fff;}
	.Fixed ul li p {font-size: 14px;line-height: 20px;text-align: center;color: #fff;}


	.copyright {padding-bottom: 60px;}
	.copyright span {display: block;float: none !important;text-align: center !important;}
}

@media (max-width: 414px) {


	.banner .swiper-container .swiper-slide {height: 210px;line-height: 210px;}

	.search-body .search-word {font-size: 12px;line-height: 20px;}
	

@media (max-width: 375px) {
	
	.banner .swiper-container .swiper-slide {height: 190px;line-height: 190px;}

}

@media (max-width: 360px) {
	.banner .swiper-container .swiper-slide {height: 140px;line-height: 140px;}

}

@media (max-width: 320px) {
	.banner .swiper-container .swiper-slide {height: 160px;line-height: 160px;}
}